<template>
  <div>
    <!-- 头 -->
    <div style="margin-top:0px; width : 100% ;height : 80px; background-color: slategray;" >
      <p style="line-height: 80px; font-size: 25px;">{{this.heardMsg}}</p>
    </div>
      
    <!-- 左边菜单栏 -->
    <el-row :gutter="20">
      <el-col :span="4"
        ><div class="grid-content bg-purple">
          <el-row class="tac">
            <el-col :span="24">
              <el-menu
                default-active="1"
                class="el-menu-vertical-demo"
                @open="handleOpen"
                @close="handleClose"
                background-color="lightsteelblue"
              >
                <el-menu-item index="1"
                  @click="notInoculated"
                >
                  <i class="el-icon-setting"></i>
                  <span slot="title">未接种用户管理</span>
                </el-menu-item>
                <el-menu-item index="2"
                  @click="vaccinated"
                >
                  <i class="el-icon-setting"></i>
                  <span slot="title">已接种用户管理</span>
                </el-menu-item>
                <el-menu-item index="3"
                  @click="vaccine "
                >
                  <i class="el-icon-setting"></i>
                  <span slot="title">疫苗信息管理</span>
                </el-menu-item>
              </el-menu>
            </el-col>
          </el-row>
        </div></el-col
      >
      <el-col :span="20"
        ><div class="grid-content bg-purple">
          <div>
            <!-- 二级路由 -->
            <router-view />
          </div></div
      ></el-col>
    </el-row>
  </div>
</template>

<style>
</style>

<script>
export default {
  data() {
    return {
      activeIndex: "1",
      activeIndex2: "1",
      heardMsg : ""
    };
     
  },
  created(){
    this.notInoculated();
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {  
    },
    notInoculated(){
      this.heardMsg = "未接种用用户管理"
      this.$router.push("/jiang")
    },
    vaccinated(){
      this.heardMsg = "疫苗信息管理"
      this.$router.push("/an");
    },
    vaccine(){
      this.$router.push("/liu");
    } 
  },
};
</script>  
<style>
body{
 /* background-color:slategray; */

}
</style>